<!--
 * @Author: ZephyrGao
 * @Date: 2024-02-22 13:43:41
 * @Description: 
 * Copyright (c) 2024 by ZephyrGao, All Rights Reserved. 
-->
<template>
  <svg style="height: 100px; width: 100px;">
  <use xlink:href="prefix + " :fill="color"></use>
  </svg>
</template>

<script setup lang="ts">

defineProps({
  prefix: {
    type: String,
    default: '#icon-',
  },
  size: {
    type: Number,
    default: 16,
  },
  color: {
    type: String,
    default: '#333',
  },
  name: {
    type: String,
    required: true
  }
})

</script>

<style scoped>

</style>